<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
    <meta name="format-detection" content="telephone=yes"/>
    <title>报销详情</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/reimbursement.css">
    <style>

    </style>
</head>
<body >
<div class="wrapper">
    <!--报销详情-->
    <div class="re-content">
        <ul class="re-ul b-btm">
            <li class="f4 fz6">
                <span >报销单号： <span>BX10180800001</span></span>
                <span class="fr"><span>2017年6月13日</span><span>9:44:25</span> <span class="shz sh-box">进行中</span></span></li>

            <li class="f5 fz9">
                <span>订单:</span>
                <span>BX10180800001</span>
            </li>
            <li class="f5 fz9">
                <span>客户:</span>
                <span>上海家乐福</span>
            </li>
            <li class="fz9">
                <span class="f5">金额：<span class="fe7">30000.00</span></span>
                <span class="fr">报销总额:<span class="fe7">500.00</span></span>
            </li>
        </ul>
    </div>
    <div class="cost-box">
       <div>
           <div class="travel b-btm">
               <span class="traffic-spp">差旅费</span>
           </div>
           <ul class="travel-ul b-btm fz9 f1">
               <li><span>餐饮：</span><span class="fr fe5">16,763.00</span></li>
               <li><span>住宿：</span><span class="fr fe5">16,763.00</span></li>
               <li><span>机票/车票：</span><span class="fr fe5">16,763.00</span></li>
           </ul>
       </div>
        <div>
            <div class="travel b-btm">
                <span class="traffic-spp">交通费</span>
            </div>
            <ul class="travel-ul b-btm fz9 f1">
                <li><span>金额：</span><span class="fr fe5">763.00</span></li>
            </ul>
        </div>
    </div>
    <footer class="b-top details-foot">
        <div><img src="../../images/Artboard%2054@3x.png" alt=""><span>打印</span></div>
        <div class="forward fr"><img src="../../images/Artboard%2055@3x.png" alt=""><span>转发</span></div>
    </footer>
    <footer class="background hide1">
        <ul class="forward-ul">
            <li class="wechat-li1"><img src="../../images/Artboard%2056@3x.png" alt=""><span>微信</span></li>
            <li class="email-li"><img src="../../images/Artboard%2057@3x.png" alt=""><span>邮箱</span></li>
        </ul>
    </footer>



</div>
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/base.js"></script>

<script>
$('.forward').click(function(){
    $('.background').show();
});
$('.wechat-li1,.email-li').click(function(){
    $('.background').hide();
});
</script>
</body>
</html>